/* page{
  background-color: #999999;
} */
/* view{
   使用 主题颜色 
   color: var(--themeColor); 
 }*/
//  轮播图
.index_swiper {

  // 一套代码相对固定: swiper和image
  swiper {
    width: 750rpx;
    height: 340rpx;

    image {
      width: 100%;
    }
  }
}

// 导航栏
.index_cate {
  display: flex;

  navigator {
    // 四个盒子,均等占比父容器.index_cate
    flex: 1;
    // navigator只能使用flex,不能使用justify-content
    padding: 20rpx;

    image {
      /* 
      1 因为image有默认宽
      2 image标签也存在默认的宽度和高度(默认的宽高)
           320px * 240px (默认是一个类似正方形) 
      */
      width: 100%;
    }
  }
}

// 楼层
.index_floor {
  .floor_group {
    
    padding: 12.5rpx;
    .floor_title {
      // background-color:blueviolet;
      margin-top: -28rpx;
      image {
        // 加了width:100%后, 会导致图片的宽度不按照原来的比例缩放,除非再加上widthFix高度自适应
        width: 100%;
        // display: block;
      }
    }

    .floor_list {
      // background-color: aqua;
      display: flex;
      .left-img-box {
        image {
          // 加了width:100%后, 会导致图片的宽度不按照原来的比例缩放,除非再加上widthFix高度自适应
          // width: 100%;
          display: block;
          padding-bottom: 13rpx;
        }
      }

      .right-img-box {
        display: flex;
        flex-wrap: wrap;
        // border: 1rpx solid red;
        // justify-content: space-evenly;
        navigator {
          image {
            // 加了width:100%后, 会导致图片的宽度不按照原来的比例缩放,除非再加上widthFix高度自适应
            // width: 100%;
            display: block;
            margin-left: 15rpx;
          }
        }
      }
    }
  }
}